<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.io.*" %>
<%@ page import="tables.*" %>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="design.css" />
<title>Bienvenue sur alibi en folie!</title>
</head>
<body>
<div id="corps">
	<div id="cadreGauche">
	    <form action="gestionOnglet">
		<p> Bienvenue, <br> <%=request.getAttribute("membre")%></p>
		<input type="submit" name="deconnexion" value="deconnexion" id="bouton2">
		<input type="submit" name="changement_parametre" value="paramètres du compte" id="bouton2">
		<p>nombre de membres :</p>
		<%//JdbcUtilisateur.nbMembre()%>
		<p>Publicité :</p>
				<img alt="" src="image/nonPub.jpg" id="imgPub">
				<br>
				<p>Nous vous conseillons:</p>
				<a href="http://www.hteumeuleu.fr/wp-content/uploads/2011/05/developpeurs-graphistes-chefs-projets.jpg" onclick="window.open(this.href);return false;">hteumeuleu.fr</a>
				<br>
				<a href="http://www.perdu.com" onclick="window.open(this.href);return false;">perdu ?</a>
				<br>
				<a href="http://www.radins.com" onclick="window.open(this.href);return false;">besoin d'argent?</a>
	</form>	
	</div>
	<div id="cadreDroite">
	    	<p><a href="devenirPremium.jsp" class="info">devenez membre premium</a></p>
	    	<p><a href="infoPremium.html" class="info" onclick="window.open(this.href);return false;">Qu'est ce qu'un membre premium ?</a></p>
		</div>
    <div id="debut">	
		<div id="banniere">
			<div id="image">
				<img alt="" src="image/chut3.jpg">
			</div>
			<div id="image2">
				<img alt="" src="image/chut4.jpg">
			</div>
    	 	Bienvenue sur alibi.com <br> Le site des alibis en folie!
    	 	<%Boolean estPremium=false;
				 if (request.getAttribute("estPremium")!=null){
				    if (request.getAttribute("estPremium").equals("oui")){
				    estPremium=true;
				    }}%>
			<br>
			<br>
			<br>
			<br>
			<form action="gestionOnglet">
	    	 	   			<ul id="menu">
        <li>
                <input type="submit" name="option" value="Accueil" class="inactive">
        </li>
        <li>
                <a href="#" class="inactive">Nos services d'alibis</a>
                <ul>
                <%if (estPremium){ %>
                        <li><input type="submit" name="option" value="Envoyer une carte postale" class="sousIn"></li>
                <%} %>
                        <li><input type="submit" name="option" value="Envoyer un e-mail/sms" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Autres alibis" class="sousDerIn"></li>
                </ul>
        </li>
        <%if(estPremium){ %>
        <li>
                <a href="#" class="inactive">Alibis avec complice</a>
                <ul>
                        <li><input type="submit" name="option" value="Recherche complice" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Etre complice" class="sousDerIn"></li>
                </ul>
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Consulter votre profil" class="inactive">
        </li>
        <%if (estPremium){ %>
        <li>
                <input type="submit" name="option" value="Message recus" class="inactive">
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Donnez votre avis" class="inactive">
        </li>
        
</ul>
	  		</form>
		</div>
		<div id="presentation">
		    <br>
		    <br>
		    <br>
		    <br>
		    <form action="gestionOnglet">
		
		<p id="titre"> Devenez membre premium </p>
		<input type="radio" name="acceptCondition" value="oui" required> J'accepte les conditions de souscription à l'offre premium de alibi.com  
	    <br><br><a href="conditionPremium.html" onclick="window.open(this.href);return false;" > lire les conditions de souscription</a>
	    <br><br>Votre mot de passe<input type="password" name="motDePasse" required>	
	    
	    <br><br>Votre code de carte bancaire<input type="text" name="codecarte" required>	
	    <br><br>Mois et année d'expiration: <input type="text" name="mois" required> /	<input type="text" name="annee" required>
	    <br><br>Vos 3 chiffres au dos: <input type="text" name="chi" required>
	    	    <%if(request.getAttribute("fauxMotDePasse")!=null) {%>
	   		<script > alert('Veuillez re-confirmer votre mot de passe, une erreur s\'est produite');</script>
	    <%}%>
	    <br>
	    <br>
	    <br>
	    <script>
	    function attention(){
			resultat=window.confirm('Vous êtes sur le point de souscrire à notre offre Premium. Voulez-vous continuer?');
			if (resultat==1){
				return "Valider ma souscription";
			}else{
				return false;
			}
		}
		</script>
	    <input type="submit" name="validerPremium" value="Valider ma souscription" id="bouton" OnClick="return attention();"/>
	    <br>
		<br>
		<br>
		<br>
	</form>
		    
		</div>
		</div>
		<br>
</div>

<div id="fin">
*** Ce site a été créé par Marine Bardet, Auberi Lecocq, Marieke Gueye et Amandine Voinot ***
</div>
</body>
</html>